'use client';
import React from 'react';
interface CheckboxProps {  id?: string;  checked: boolean;  onCheckedChange?: (checked: boolean) => void;  disabled?: boolean;  className?: string;}
export const Checkbox: React.FC<CheckboxProps> = ({  id,  checked,  onCheckedChange,  disabled = false,  className = '',}) => {  return (    <input      type="checkbox"      id={id}      checked={checked}      onChange={(e) => onCheckedChange?.(e.target.checked)}      disabled={disabled}      className={`h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 ${className}`}    />  );}; 
